
<template>
  <div class="nofull">
    <!-- 最顶部导航内容 -->
    <el-row
      type="flex"
      justify="center"
      align="middle"
      style="height:38px;border-bottom:1px dotted #D9001B;background-color:#ffff"
    >
      <el-col :span="3" :md="5" :sm="6"  :xs="6" style="margin-left:30px">
        <span class="el-icon-phone" />
        <span class="text">客服电话:4-0000-82957</span>
      </el-col>
      <el-col :span="3" :md="6" :sm="6" :xs="6" class="line">
        <img src="./assets/img/QQ.png" class="logimg" alt />
        <img src="./assets/img/wx.png" class="logimg" alt />
        <img src="./assets/img/web.png" class="logimg" alt />
      </el-col>
      <el-col :span="8" :md="8" :sm="3" :xs="3" class="textm">新手指南</el-col>
      <el-col :span="2" :sm="3" :xs="3" v-if="this.$store.state.islogin" >186****1456</el-col>
      <el-col :span="3" :md="5" :sm="5" :xs="5" v-if="this.$store.state.islogin" >你好!欢迎来到理财1+1</el-col>
      <el-col :span="2" v-if="this.$store.state.islogin" :xs="4"  :sm="4">
        <el-link type="primary" @click="goback">退出登陆</el-link>
      </el-col>
      <el-col :span="7" v-if="!this.$store.state.islogin"></el-col>
    </el-row>
    <!-- 头部下面 -->
    <Head :islog="this.$store.state.islogin" />
    <el-col style="min-height:500px">
      <router-view />
    </el-col>
    <el-col>
      <Foot />
    </el-col>
  </div>
</template>

<script>
import Head from "./components/Head";
import Foot from "./components/Foot";
export default {
  name: "App",
  components: {
    Head,
    Foot
  },
  methods: {
    // 退出扽来
    goback() {
      this.$store.commit("increment", false);
    }
  }
};
</script>

<style>
.nofull {
  min-width: 1200px;
  margin: 0 auto;
}
* {
  margin: 0px;
  padding: 0px;
}

ul {
  list-style: none;
}
body {

 width: 80%;
  background-color: #f2f2f2;
  font-size: 12px;
  margin: 0 auto;
}
.text {
  color: #999999;
  font-size: 11px;
  line-height: 18px;
  text-indent: 2em;
}
.line {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #999999;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.logimg {
  max-height: 18px;
  max-width: 18px;
}
.textm {
  color: #666666;
  font-size: 0.75rem;
  margin-left: 30px;
}
.el-main {
  padding: 0;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.w {
  background-color: #fff;
  min-height: 200px;
  margin-left: 10px;
  padding: 0 50px 20px;
}
.header {
  border-bottom: 2px solid rgb(236, 236, 236);
  display: flex;
  justify-content: space-between;
  color: #0500e6;
  margin-bottom: 10px;
}
.header p {
  font-size: 1.125rem;
  line-height: 50px;
}
.linetobottom {
  border-bottom: 3px #0500e6 solid;
}
.right {
  float: right;
}
.left {
  float: left;
}
.el-collapse-item__header:hover {
  color: #49c094;
}
.el-collapse-item__header {
  font-size: 1.125rem;
  padding: 15px 0;
  color: #898989;
}
.el-collapse-item__content {
  color: #898989;
}
.el-collapse {
  border-top: none;
}
/* 分页 */
.el-pagination.is-background.el-pagination--small .el-pager li {
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 2px;
}

.curpoit > p {
  cursor: pointer;
}
</style>
